<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="Shortcut Icon" href="../../imgs/Kat-icon.png">
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link type="text/css" href="../../css/personal.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/head.css">
</head>

<body>
    <!-- 导航开始 -->
    <div>
        <div class="container-fluid">
            <div class="row" style="background-color:rgb(1,81,40);">
                <ul class="nav navbar-nav navbar-right" style="padding-right: 20px;font-size: 10px;" id="head">
                    <li><a href="#">欢迎&nbspxxx!</a></li>
                    <li><a href="../login.html">安全退出</a></li>
                    <li><a href="#">个人中心</a></li>
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <ul class="nav navbar-nav" id="daohang" style="width: 100%">
                    <li style="padding-top: 0px;">
                        <img src="../../imgs/logo1 .png" alt="" style="width: 60px; height:60px;">
                    </li>
                    <li><a href="../index/index.html">
                        首页
                    </a></li>
                    <li><a href="../register.html">
                            预约挂号
                        </a></li>
                    <li><a href="../department.html">
                            科室导航
                        </a></li>
                    <li><a href="../science/science.html">
                            健康科普
                        </a></li>
                    <li><a href="#">
                            留言咨询
                        </a></li>
                    <ul class="nav navbar-nav navbar-right">
                        <li style="padding-top: 10px;"><a href="../map/MapShow.html">医院位置导航<img src="../../imgs/地图.png"
                                    style="width: 15px; margin-left:5px "></a></li>
                    </ul>
                </ul>
            </div>
        </div>
        <!-- 导航结束 -->
        <!-- 个人中心视图 -->
        <a name="per"></a>
        <div class="personal">
            <div class="container">
                <div class="row">
                    <div class="col-xs-2 col-sm-2 col-md-2" id="left">
                        <div class="title">
                            <span>个人中心</span>
                        </div>
                        <div id="outer">

                            <!-- <div class="container-fluid"> -->
                            <ul id="tab" class="nav navbar-nav">
                                <li class="active"><span class="glyphicon glyphicon-user">&nbsp;我的信息</span></li>
                                <li><a href="order.html"
                                        class="glyphicon glyphicon-list-alt">&nbsp;<span>挂号订单</span></a></li>
                                <li><a href="recording.html"
                                        class="glyphicon glyphicon-calendar">&nbsp;<span>就诊记录</span></a></li>
                                <li><a href="medicalrecord.html"
                                        class="glyphicon glyphicon-tasks">&nbsp;<span>我的病历</span></a>
                                </li>
                                <li><a href="safety.html" class="glyphicon glyphicon-phone">&nbsp;<span>账号安全</span></a>
                                </li>

                            </ul>


                        </div>
                    </div>
                    <div class="col-xs-9 col-sm-9 col-md-9" id="righter">
                        <div class="title">
                            <span><img src="../../imgs/weblogo.png" alt="" style="width: 2%">知医治</span>

                        </div>
                        <div id="content">
                            <div style="display:block;" class="tabpage">
                                <h3 class="glyphicon glyphicon-grain">我的信息</h3>
                                <div class="counts">
                                    <div class="texts">
                                        <h4><b>基本信息:</b></h4>
                                        <span>用&nbsp;&nbsp;户&nbsp;&nbsp;名:</span>&nbsp;&nbsp;&nbsp;
                                        <span>周杰伦</span>
                                        <!-- 如果存在则显示name,不存在则显示设置 -->
                                        <!-- <input type="text"> -->
                                    </div>
                                    <div class="texts">
                                        <span>手机号码:</span>&nbsp;&nbsp;&nbsp;
                                        <span>188-5678-6789</span>
                                    </div>
                                    <div class="texts">
                                        <span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>&nbsp;&nbsp;&nbsp;
                                        <span>男</span>
                                    </div>
                                    <div class="texts">
                                        <span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄:</span>&nbsp;&nbsp;&nbsp;
                                        <span>35</span>
                                    </div>
                                    <div class="texts">
                                        <h4><b>实名认证:</b></h4>
                                    </div>
                                    <div class="texts">
                                        <span>真实姓名:</span>&nbsp;&nbsp;&nbsp;
                                        <span>周杰伦</span>
                                    </div>
                                    <div class="texts">
                                        <span>证件号码:</span>&nbsp;&nbsp;&nbsp;
                                        <span>232323198501011011</span>
                                    </div>
                                    <div class="texts">
                                        <span>医保卡号:</span>&nbsp;&nbsp;&nbsp;
                                        <span>350283458385</span>
                                    </div>
                                    <div class="texts">
                                        <img src="https://static.hdslb.com/account/img/img2.png?1" alt="">
                                        &nbsp;&nbsp;&nbsp;
                                        <img src="https://static.hdslb.com/account/img/img3.png?1" alt=""><br>
                                    </div>
                                    <div class="texts">
                                        <span>上传证件正面照片</span>&nbsp;&nbsp;&nbsp;
                                        <span><button><small>点击上传</small></button></span>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <span>上传证件反面照片</span>&nbsp;&nbsp;&nbsp;
                                        <span><button><small>点击上传</small></button></span>
                                    </div>
                                    <div style="margin-left:35%;margin-top:150px;">
                                        <span><a href="myinfosite.html"><button><small>修改资料</small></button></a></span>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <span><button><small>保存修改</small></button></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>

            </div>
        </div>
        <!-- 底部导航 -->
        <div style="background-color: black;height: 130px;">

        </div>
        <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
        <script src="../../plugins/jquery/jquery.min.js"></script>
        <!--引入bootstrap的js文件-->
        <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>